<template>
	<qiun-data-charts type="column" :opts="props.opts" :eopts="props.eopts" :chartData="props.chartData"
		:tooltipCustom="{x:10,y:10}" :echartsH5="true" :echartsApp="true" />
</template>

<script setup>
	const props = defineProps({
		chartData: {
			type: Object
		},
		opts: {
		},
		eopts: {
			type: Object,
			default () {
				return {
					color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
						"#ea7ccc"
					],
					legend: {
						left: "left",
						top: "top"
					},
					grid: {
						left: 'left',
						right: '10',
						bottom: '10',
						top: "35",
						containLabel: true
					},

				}
			}
		}
	})
	const tooltipDemo1 = (item, category, index, opts) => {
		console.log(item);
		return item.data + '天'
	}
</script>

<style>
</style>